<template>
  <div class="inputBox">
    <div class="one-page">
      <p>首页推荐 - 主持人</p>
    </div>
    <div class="input-box">
      1 <input type="text"><br>
      2 <input type="text"><br>
      3 <input type="text"><br>
      4 <input type="text"><br>
      5 <input type="text"><br>
      6 <input type="text"><br>
      7 <input type="text"><br>
      8 <input type="text"><br>
      <br><button>保存</button>
      <div class="msg"><span>注意:</span>修改后请点击保存按钮</div>
    </div>
    
  </div>
</template>

<script>
export default {
    name:'Recommend'
}
</script>

<style scoped>
.one-page{
  width: 1047px;
  height: 60px;
  background-color: #d7d7d7;
  position: absolute;
  top: 120px;
  right:113px;

}
.one-page p{
  text-align: left;
  line-height: 60px;
  font-weight: bold;
  
}
.input-box{
  position: absolute;
  top: 180px;
  left: 400px;
}
.input-box input{
  margin-top: 15px;
  width: 700px;
  height: 25px;
  border: 1px solid;
}
.input-box button{
  width: 200px;
  height: 30px;
}
.msg{
   position: absolute;
   top: 400px;
   left: 0px;
}
.msg span{
   color: red;
  
}
</style>